<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="../../../common.jsp"%>
<html>

<head>
<meta charset="UTF-8">
<title>角色管理</title>
</head>
<script type="text/javascript" charset="utf-8" src="<%=context%>/js/utils/utils.js"></script>
<script type="text/javascript" charset="utf-8" src="<%=context%>/js/utils/formUtils.js"></script>
<body>
	<div class="easyui-panel" title="搜索" >
		<form id="roleSearchForm" method="post">
			<table data-options="fit:true">
				<tr>
					<td align="right" ><span>角色名称:</span></td>
					<td ><input type="text" class="easyui-textbox" name="roleName"/></td>
					<td width="150px"></td>
					<td align="right" ><span>角色编号:</span></td>
					<td ><input type="text" class="easyui-textbox" name="roleCode"/></td>
					<td align="right" width="170px">
					</td>
				</tr>
				<tr>
					<td align="right" ><span>创建时间开始:</span></td>
					<td><input type="text" class="easyui-datebox" name="startDate" /></td>
					<td width="150px"></td>
					<td align="right" ><span>创建时间结束:</span></td>
					<td><input type="text" class="easyui-datebox" name="overDate" /></td>
					<td align="right" width="170px">
						<a class="easyui-linkbutton" data-options="iconCls:'icon-search'" onclick="formUtils.doSearch('roleSearchForm','roleDatagrid',contextPath+'/role/list')" >查询</a>
					</td>
				</tr>
			</table>
		</form>
	</div>
	<div class="easyui-panel" title="数据显示表格">
		<table id="roleDatagrid" class="easyui-datagrid" data-options = "toolbar:'#tb',pagination:true">
			<thead>
				<tr>
					<th data-options = "field:'id',checkbox:'true'">编号</th>
					<th data-options = "field:'roleName'">角色名称</th>
					<th data-options = "field:'roleCode'">角色编号</th>
					<th data-options = "field:'creator'">创建人</th>
					<th data-options = "field:'createTime'">创建时间</th>
					<th data-options = "field:'modifier'">修改人</th>
					<th data-options = "field:'modifyTime'">修改时间</th>
					<th data-options = "field:'state'">状态</th>
				</tr>
			</thead>
		</table>
	</div>
	
	<div id="tb">
		<a class="easyui-linkbutton" data-options = "iconCls:'icon-add'">添加的弹框</a>
	</div>
	
	<div id="dialogButton">
		<a class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" onclick="close()">取消</a>
		<a class="easyui-linkbutton" data-options="iconCls:'icon-save'" onclick="save()">保存</a>
	</div>
	<div class="easyui-dialog"id="aaa" title="aaa" data-options="closed:true,buttons:'#dialogButton'" style="width: 400px;height: 480px;">
		<div class="easyui-panel">
			<form>
				<table>
					<tr>
						<td>显示什么东西</td>
						<td>fadsf</td>
					</tr>
					<tr>
						<td>显示什么东西</td>
						<td>fadsf</td>
					</tr>
				</table>
			</form>
		</div>
		<div class="easyui-panel" title="树" data-options="fit:true">
			<ul id="treeDemo" class="tree" style="algin:center"></ul>
		</div>
	</div>
</body>
</html>